<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script src="${WebUrl}/js/jquery.timers-1.2.js"></script>
</head>
<body>
	<ol class="breadcrumb">
		<li><a href="${WebUrl}/index.html">首页</a></li>
		<li class="active">${menu.menuName}</li>
	</ol>
	<div class="cooge_gallery"
		style="width: 1044px;height: 316px;background-color: blue;">
		<ul class="max">
			<img alt="" data-lazy-src="${WebUrl}/image/aa.jpg">
		</ul>
		<div class="buttom">
			<a href="javascript:void(0)"><img alt=""
				src="${WebUrl}/image/site-focus-btnLeft.png"></a>
			<div class="show_min_img">
				<ul class="min">
					<li><a href="#"><img alt="" src="${WebUrl}/image/aa.jpg"></a></li>
					<li><a href="#"><img alt="" src="${WebUrl}/image/bb.jpg"></a></li>
					<li><a href="#"><img alt="" src="${WebUrl}/image/aa.jpg"></a></li>
					<li><a href="#"><img alt="" src="${WebUrl}/image/bb.jpg"></a></li>
					<li><a href="#"><img alt="" src="${WebUrl}/image/aa.jpg"></a></li>
					<li><a href="#"><img alt="" src="${WebUrl}/image/bb.jpg"></a></li>
				</ul>
			</div>
			<a href="javascript:void(0)"><img alt=""
				data-lazy-src="${WebUrl}/image/site-focus-btnRight.png"></a>
		</div>
	</div>
	<div class="type">
		<div class="title bg-success">
			<span style="font-size: 24px;color: #699f00;">最近更新</span>
		</div>
		<div class="type_A">
			<c:forEach items="${vlist}" var="v">
				<div class="show_view_icon">
					<a href="${WebUrl}/v_show/show_${v.id}.html"><img alt="" data-lazy-src="${v.webImg}"
						class="min-img"></a>
					<div class="show_view_title">
						<span>${v.title}</span>
					</div>
				</div>
			</c:forEach>
		</div>
	</div>
	<div class="type">
		<div class="title bg-success">
			<span style="font-size: 24px;color: #699f00;">推荐</span>
		</div>
		<div class="type_A">
			<div class="show_view_icon">
				<a href="#"><img alt="" data-lazy-src="${WebUrl}/image/aa.jpg"
					class="min-img"></a>
				<div class="show_view_title">
					<span>小猫的自白</span>
				</div>
			</div>
			<div class="show_view_icon">
				<a href="#"><img alt="" data-lazy-src="${WebUrl}/image/aa.jpg"
					class="min-img"></a>
				<div class="show_view_title">
					<span>小猫的自白</span>
				</div>
			</div>
			<div class="show_view_icon">
				<a href="#"><img alt="" data-lazy-src="${WebUrl}/image/aa.jpg"
					class="min-img"></a>
				<div class="show_view_title">
					<span>小猫的自白</span>
				</div>
			</div>
			<div class="show_view_icon">
				<a href="#"><img alt="" data-lazy-src="${WebUrl}/image/aa.jpg"
					class="min-img"></a>
				<div class="show_view_title">
					<span>小猫的自白</span>
				</div>
			</div>
			<div class="show_view_icon">
				<a href="#"><img alt="" data-lazy-src="${WebUrl}/image/aa.jpg"
					class="min-img"></a>
				<div class="show_view_title">
					<span>小猫的自白</span>
				</div>
			</div>
						<div class="show_view_icon">
				<a href="#"><img alt="" data-lazy-src="${WebUrl}/image/aa.jpg"
					class="min-img"></a>
				<div class="show_view_title">
					<span>小猫的自白</span>
				</div>
			</div>
			<div class="show_view_icon">
				<a href="#"><img alt="" data-lazy-src="${WebUrl}/image/aa.jpg"
					class="min-img"></a>
				<div class="show_view_title">
					<span>小猫的自白</span>
				</div>
			</div>
			<div class="show_view_icon">
				<a href="#"><img alt="" data-lazy-src="${WebUrl}/image/aa.jpg"
					class="min-img"></a>
				<div class="show_view_title">
					<span>小猫的自白</span>
				</div>
			</div>
			<div class="show_view_icon">
				<a href="#"><img alt="" data-lazy-src="${WebUrl}/image/aa.jpg"
					class="min-img"></a>
				<div class="show_view_title">
					<span>小猫的自白</span>
				</div>
			</div>
			<div class="show_view_icon">
				<a href="#"><img alt="" data-lazy-src="${WebUrl}/image/aa.jpg"
					class="min-img"></a>
				<div class="show_view_title">
					<span>小猫的自白</span>
				</div>
			</div>
		</div>
	</div>

	<script type="text/javascript">
		(function($) {
			var galler = {
				init : function(element) {
					var el = $(element);
					var img = el.find(".max").find("img");
					img.height(el.height());
					img.width(el.width());
					var show_min_img = el.find(".show_min_img");
					show_min_img.width(el.width() - 60);
					var min = el.find(".min");
					min.find("li").each(function(index, ele) {

						$(this).find("img").mouseenter(function() {
							img.attr("src", $(this).attr("src"));
						});
					});
				},
				a : function(element) {

				}
			};
			$.fn.galleryView = function(options) {
				galler.init(this);
			};
		})(jQuery);

		$(function() {

			$(".cooge_gallery").galleryView();

		});
	</script>
</body>
</html>
